* {
	margin: 0;
	padding: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

/* container中只写和这个相关的,不写其他的 */
.container {
	width: 730px;
	margin: 0 auto;
}
body{
	background-color: rgb(0,102,102);
}
.pic-box ul{
	border: 2px solid red;
}
.pic-box img{
	width: 200px;
	height: 200px;
}
.pic-box ul{
	/* 去掉ul的小圆点 */
	list-style: none;
}
.pic-box ul li {
	/* 这里不设置偏移,作为绝对定位的目标 */
	position: relative;
	border: 1px solid red;
	padding: 10px;
	margin: 10px;
	background-color: rgb(204,204,204);
}
/* 鼠标悬停状态 */
.pic-box ul li:hover{
	/* 相对定位的目标就是自己 */
	position: relative;
	top: -2px;
	right: -2px;
}
.pic-box p{
	position: absolute;
	bottom: 36px;
	 left: 61px;
	
	/* 文字水平居中 */
	text-align: center;
	background-color: #007AFF;
}

.to-top{
	/* 固定定位:目标是浏览器屏幕 */
	position: fixed;
	bottom: 10px;
	right: 10px;
}

